@import "@/assets/css/color.scss";
@import "@/assets/css/animation/index.scss";
@import "@/assets/fonts/fonts.scss";

/* 页面元素整体设置*/
* {
  user-select: none;
  margin: 0;
  padding: 0;

  a {
    text-decoration: none;
  }

  ul, ol {
    list-style: none;
  }

  :focus {
    outline: none;
  }
}

/*
  此处为根元素 fontsize大小
  当前设置为 10px，表示 1rem=10px
  注意：本身带有fontsize属性的标签可能会有不同，例如 h1、h2...等标签可能并非期望值，所以建议这类标签自己写样式
*/
html, body {
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 10px;
  font-family: "HarmonyOS Sans", "JetBrains Mono", "黑体", "Microsoft YaHei", "宋体", "楷体", sans-serif;
}

/*滚动条整体样式*/
::-webkit-scrollbar {
  width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.5rem; /*表示水平方向的滚动条高度*/
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 0.2rem;
  -webkit-box-shadow: inset 0 0 0.25rem rgba(#ccc, 0.25);
  background: rgba(#ccc, 0.75);
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 0.2rem;
  -webkit-box-shadow: inset 0 0 0.25rem rgba(#ddd, 0.9);
  background: rgba(#ccc, 0.9);
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
  border-radius: 0.2rem;
  background: transparent;
  opacity: 0.8;
}

.drag {
  -webkit-app-region: drag; // 整个菜单栏可拖拽
}

.no-drag {
  -webkit-app-region: no-drag; // 鼠标移入时，不触发拖拽
}
